<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>品牌注册</title>
		<link rel="stylesheet" type="text/css" href="../../static/css/trademark.css" />
		<link rel="stylesheet" type="text/css" href="../../static/css/overall.css" />
		<link rel="stylesheet" type="text/css" href="../../static/css/nav.css" />
		<!--<link rel="stylesheet" href="../../static/bootstrap-3.3.7/css/bootstrap.min.css" />-->
		<link rel="stylesheet" type="text/css" href="../../static/webuploader-0.1.5/webuploader.css"/>
		<link rel="stylesheet" type="text/css" href="../../icon/iconfont.css" />
	</head>
	<body>
		<div class="aa">
			<div class="bb"></div>
		</div>
		<div class="wary">
			<!--导航-->
			<div class="nav">
				<div class="nav_h flex main_zdy mainAlign_between sideAlign_center">

					<div class="nav_h_l">
						欢迎回到商家管理中心，祝你生意兴隆
					</div>
					<div class="nav_h_r flex main_zdy sideAlign_center">

						<div class="index">商城首页</div>
						<div class="inform">通知提示

							<!--消息通知-->
							<div class="hint">

								<div class="hint_t">最新消息</div>

								<div class="newslist flex side_sdx">

									<div class="flex main_zdy newslist_d sideAlign_center">

										<div class="newslist_d_img"><img src=""></div>
										<div class="flex side_sdx newslist_d_c">
											<div>您的订单：订单单号12455484952889463196323</div>
											<div>2017-07-24 04:20:35</div>
										</div>

									</div>

									<div class="all">查看全部15845条消息</div>

								</div>

							</div>

						</div>

						<!--用户-->
						<div class="user flex main_zdy sideAlign_center">
							<img src="https://gss0.bdstatic.com/5bVWsj_p_tVS5dKfpU_Y_D3/res/r/image/2018-07-23/a9ab6d58efea01bf2198d58df65e324f.jpg">
							<div>sdddasdasdfqwsdsads<i class="iconfont icon-xiabiao"></i></div>

							<div class="quit">
								<div>管理安全退出</div>
							</div>

						</div>

					</div>

				</div>
				<div class="navigation flex main_zdy sideAlign_center">
					<div class="logo">友惠家</div>
					<div class="navigation_n flex main_zdy">

						<div onclick="window.open('../index.html','_self')">首页</div>
						<div class="onn">商品
							<ul>
								<li>发布商品</li>
								<li>规格管理</li>
								<li>品牌管理</li>
							</ul>
						</div>
						<div onclick="window.open('../indent/goodsindent.html','_self')">订单
							<ul>
								<li>商品订单</li>
								<li>物流配送</li>
								<li>评价管理</li>
							</ul>
						</div>

					</div>
				</div>
			</div>

			<div class="trademark flex main_zdy">

				<div class="goods_l">
					<div onclick="window.open('./firststep.html','_self')">发布商品</div>
					<div onclick="window.open('./specification.html','_self')">产品规格</div>
					<div onclick="window.open('./trademark.html','_self')" class="lon">品牌选择</div>
				</div>

				<div class="goods_r">
					<div class="issue">商家管理中心 > 商品 > 品牌申请</div>

					<div class="goods_c">
						<div class="goods_v_t flex main_zdy mainAlign_between">
							<div>品牌申请</div>
							<button class="bth btn-success addbrand" data-toggle="modal" data-target="#myModal"><i class="iconfont icon-jia"></i>新增商品规格</button>
						</div>
						<div class="trademarklist flex side_sdx">
							<div class="trademarklist_t flex main_zdy sideAlign_center">
								<div></div>
								<div>品牌名称</div>
								<div></div>
								<div>品牌图片</div>
								<div></div>
								<div>操作</div>
							</div>
							<div id="brandL"></div>
							<!--<div class="trademarklist_t trademarklist_c flex main_zdy sideAlign_center">
								<div>1</div>
								<div>123152154512</div>
								<div>12就很简单</div>
								<div><img src="https://gss0.bdstatic.com/5bVWsj_p_tVS5dKfpU_Y_D3/res/r/image/2018-08-10/c5f4664d949f361546389254806807e7.jpg"></div>
								<div>审核失败</div>
								<div>
									<button class="btn btn-redact"><i class="iconfont icon-bianjishuru"></i>编辑</button>
									<button class="bth btn-del"><i class="iconfont icon-lajixiang"></i>删除</button>
								</div>
							</div>-->
						</div>
					</div>
					
				
					<script src="" type="text/x-handlebars-template" charset="utf-8" id="brand">
						{{#each this}}
							<div class="trademarklist_t trademarklist_c flex main_zdy sideAlign_center">
								<div></div>
								<div>{{name}}</div>
								<div></div>
								<div><img src="{{logo}}"></div>
								<div></div>
								<div>
									<button class="btn btn-redact compile" data_id="{{id}}" data_name='{{name}}' data_logo='{{logo}}'><i class="iconfont icon-bianjishuru"></i>编辑</button>
									<button class="bth btn-del del" data_id="{{id}}"><i class="iconfont icon-lajixiang"></i>删除</button>
								</div>
							</div>
						{{/each}}
					</script>
					
				</div>
			</div>
			<!-- 新建 -->
			<div class="new">
				<div class="new_d">
					<div class="new_t flex main_zdy mainAlign_between">
						<div>新增品牌</div>
						<div class="shut"><i class="iconfont icon-cuowu"></i></div>
					</div>
					<div class="new_c">
						<div class="flex main_zdy new_c_d">
							<div><span class="redc" style="margin-right: 10px;">*</span>品牌名称：</div>
							<div>
								<input type="text" class="goodsname"/>
								<p>必填项,请输入30个字符以内的品牌名称。</p>
							</div>
						</div>
						<div class="flex main_zdy new_c_d">
							<div><span class="redc" style="margin-right: 10px;">*</span>品牌图片：</div>
							<div>
								<img src="" alt="" class="logoimg"/>
								<div id="filePicker">上传图片</div>
								<p>品牌LOGO尺寸要求宽度为150X50像素，支持格式gif，jpg，png。</p>
							</div>
						</div>
					</div>
					<div class="new_b flex main_ydz">
						<div class="submit">确认提交</div>
						<div class="abandon">放弃操作</div>
					</div>
				</div>
			</div>
			
			<div class="news">
				<div class="new_d">
					<div class="new_t flex main_zdy mainAlign_between">
						<div>新增品牌1</div>
						<div class="shut"><i class="iconfont icon-cuowu"></i></div>
					</div>
					<div class="new_c">
						<div class="flex main_zdy new_c_d">
							<div><span class="redc" style="margin-right: 10px;">*</span>品牌名称：</div>
							<div>
								<input type="text" class="goodsnames"/>
								<p>必填项,请输入30个字符以内的品牌名称。</p>
							</div>
						</div>
						<div class="flex main_zdy new_c_d">
							<div><span class="redc" style="margin-right: 10px;">*</span>品牌图片：</div>
							<div>
								<img src="" alt="" class="logoimgs"/>
								<div id="filePickers">上传图片</div>
								<p>品牌LOGO尺寸要求宽度为150X50像素，支持格式gif，jpg，png。</p>
							</div>
						</div>
					</div>
					<div class="new_b flex main_ydz">
						<div class="submits">确认提交</div>
						<div class="abandons">放弃操作</div>
					</div>
				</div>
			</div>
			
			<!--<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="myModalLabel">新增品牌</h4>
						</div>
						<div class="modal-body">
							<div class="modal-body-c flex main_zdy">
								<div class="modal-body-c-l">
									<span class="redc">*</span>品牌名称:
								</div>
								<div class="modal-body-c-r">
									<input type="text" />
									<p>必填项,请输入30个字符以内的品牌名称。</p>
								</div>
							</div>
							<div class="modal-body-c flex main_zdy">
								<div class="modal-body-c-l">
									<span class="redc">*</span>商品图片:
								</div>
								<div class="modal-body-c-r">
									<img src="" alt="" class="logoimg"/>
									<div id="logo">上传图片</div>
									<p>品牌LOGO尺寸要求宽度为150X50像素，支持格式gif，jpg，png。</p>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">放弃操作</button>
							<button type="button" class="btn btn-primary">确认提交</button>
						</div>
					</div>
				</div>
			</div>-->

		</div>
		<script src="../../static/js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="../../static/bootstrap-3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="../../static/js/handlebars-v4.0.10.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../static/js/overall.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../static/js/nav.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../static/js/trademark.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../static/webuploader-0.1.5/webuploader.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var uploader = WebUploader.create({
				// 选完文件后，是否自动上传。
				auto: true,
				// swf文件路径
				swf: '../../../static/webuploader-0.1.5/Uploader.swf',
				// 文件接收服务端。
				server: 'https://www.uhuijia.com.cn/image-server/uploadImage/batch/oss',
				// 选择文件的按钮。可选。
				// 内部根据当前运行是创建，可能是input元素，也可能是flash.
				pick: '#filePicker',
				// 只允许选择图片文件。
				accept: {
					title: 'Images',
					extensions: 'gif,jpg,jpeg,bmp,png',
					mimeTypes: 'image/*'
				}
			});
			// 文件上传成功，给item添加成功class, 用样式标记上传成功。
			uploader.on('uploadSuccess', function(file, response) {
				$('#' + file.id).addClass('upload-state-done');
				$(".logoimg").attr("src",response.data[0].url);
			});
		</script>
		<script type="text/javascript">
			var uploader = WebUploader.create({
				// 选完文件后，是否自动上传。
				auto: true,
				// swf文件路径
				swf: '../../../static/webuploader-0.1.5/Uploader.swf',
				// 文件接收服务端。
				server: 'https://www.uhuijia.com.cn/image-server/uploadImage/batch/oss',
				// 选择文件的按钮。可选。
				// 内部根据当前运行是创建，可能是input元素，也可能是flash.
				pick: '#filePickers',
				// 只允许选择图片文件。
				accept: {
					title: 'Images',
					extensions: 'gif,jpg,jpeg,bmp,png',
					mimeTypes: 'image/*'
				}
			});
			// 文件上传成功，给item添加成功class, 用样式标记上传成功。
			uploader.on('uploadSuccess', function(file, response) {
				$('#' + file.id).addClass('upload-state-done');
				$(".logoimgs").attr("src",response.data[0].url);
			});
		</script>
	</body>

</html>